<link href="/bemigo/styles/main.css" rel="stylesheet" type="text/css">
<script src="http://connect.facebook.net/en_US/all.js"></script>
<html>
<body id="home">
<div id="header">
	<div class="container">
		<a href="/" id="headerLogo">Bemigo</a>
		<div id="login"></div>
		<div id="fb-root"></div>
		<div class="clear"></div>
	</div>
</div>
<div class="container">
		<img src="http://beyondplm.com/wp-content/uploads/2010/08/Picture-221.png" />
		<div class="whiteBg large">
				<h2>Welcome to Bemigo</h2>
				<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
				<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
		</div>
		<div class="clear"></div>
		<div class="whiteBg small">
			<p>Bemigo is a free, fun and meaningful way to be a better friend. Inside this community, your opinion will count towards who your friends can and won't meet.</p>
		</div>
		<div class="whiteBg small">
			<h3>Getting started:</h3>
				<ul>
					<li>Choose a friend to set up</li>
					<li>Tell us about your friend and their tastes</li>
					<li>Suggest, approve and reject people that want to meet your friend</li>
				</ul>
		</div>
		<div class="whiteBg small">
			<h3>Getting started:</h3>
				<ul>
					<li>Choose a friend to set up</li>
					<li>Tell us about your friend and their tastes</li>
					<li>Suggest, approve and reject people that want to meet your friend</li>
				</ul>
		</div>
		<div class="clear"></div>
</div>
<script>
YUI().use('node', 'event-custom', 'cache', 'json-parse', 'anim', function(Y) {
	//Initialize Facebook Javascript SDK
	FB.init({
	    appId  : '<?php echo $this->fb_app_id?>',
	    status : true, // check login status
	    cookie : true, // enable cookies
	    xfbml  : true  // parse XFBML
	  });

	//Subscribe to session change event to reload the page
	FB.Event.subscribe('auth.login', function(response) {
		window.location.replace("/friends");
	});

	//Check Facebook Login status. If not logged in display FB Login button; else trigger logged in event
	FB.getLoginStatus(function(response) {
		if (response.session) {
			Y.fire('fbuser:loggedin');
			$('#login').html('<a href="/index/logout">Logout</a><br/>');
		}else{
			$('#login').html(
			'<fb:login-button show-faces="true" width="200"'
			+ ' max-rows="1" perms="user_likes, friends_likes, user_photos, friends_photos, user_relationship_details, friends_relationship_details">'
			+ '</fb:login-button>');
			FB.XFBML.parse();
		}
	});
});
</script>
</body>
</html>